<template>
	<view>
		<view class="border">
			<u-input v-model="value" :type="type" :border="border" :height="height" :auto-height="autoHeight" placeholder="输入祝福内容,请不超过80字" :maxlength="80"/>
		</view>
		
		<view class="bots">
			<view class="bot">
				<view>取消</view>
				<view class="fa">发送</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: '',
				type: 'textarea',
				border: true,
				height: 100,
				autoHeight: true,
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
.border{
	padding: 20rpx;
	
	u-input{
		height: 250rpx;
	}
}
.bots{
	padding: 50rpx 225rpx;
}
.bot{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	
	view{
		font-size: 28rpx;
		color: #00c6c2;
	}
	.fa{
		color: #fff;
		padding: 10rpx 40rpx;
		background-color: #00c6c2;
	}
}
</style>
